<style scoped>
  .newper{
    background: #edf1f5;
    height:100%;
    position: relative;
  }
  /*.header{*/
    /*display: flex;*/
    /*flex-direction: column;*/
  /*}*/
  /*.head-top{*/
    /*width:100%;*/
    /*height:10px;*/
    /*background: transparent;*/
  /*}*/
  .head{
    height:50px;
    display: flex;
    justify-content: center;
    align-items:center;
    border-bottom: 1px solid #E9E9E9;
    box-sizing: border-box;
    background: #ffffff;
    position: relative;
    margin-top: 10px;
  }
  .head-left{
    position: absolute;
    top: 15px;
    left:10px;
  }
  .head-middle{
    font-size: 16px;
  }
  .content{
    background: #ffffff;
    margin-top: 20px;
    padding: 10px 16px;
    /*padding-bottom: 100px;*/
  }
  .content>.company{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
  }
  .content>.company>p:first-child{
    display: inline;
    border:1px solid #7590FF;
    padding:0 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: #7590FF;
  }
  .content .company p{
    margin-top: 10px;
  }
  .content p:last-child{
    margin-top: 16px;
  }

  .originator{
    margin-top: 20px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
  }
  .originator>p{
    display: inline;
    border:1px solid #7590FF;
    padding:0 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: #7590FF;
  }
  .originator-con{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
  }
  .originator-con>img{
    width: 70px;
    height:73px;
  }
  .originator-con>.name{
    margin-left:10px;
    flex: 1;
  }
  .history{
    margin-top: 20px;
  }
  .history>p{
    display: inline;
    border:1px solid #7590FF;
    padding:0 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: #7590FF;
  }
  h4.nian{
    border:1px solid #FE7A4A;
    /*padding:0 10px;*/
    color: #FE7A4A;
    width:50px;
    border-radius: 8px;
    text-align: center;
  }
  .year{
    margin-top: 20px;
  }
  .bottom{
    display: flex;
    flex-direction: row;
  }
  .left{
    display: flex;
    /*flex-direction: column;*/
    /*position: relative;*/
  }
  .left .b{
    display: block;
    width: 3px;
    background: #e9e9e9;
    height:inherit;
    margin-left: -9px;
    margin-top: 16px;
  }
  .left .b-margin{
    margin-top: 2px;
    height:20px;
    margin-left: 10px;
  }
  .left .circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
  }
  .left .circle div{
    width:9px;
    height: 9px;
    border-radius: 50%;
    background: #7288F8;
  }
  .right{
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    border:1px solid #EDF1F5;
    padding: 4px 6px;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .right>h3{
    margin-left: 10px;
  }
  .huang{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    height:160px;
    background: -webkit-linear-gradient(bottom, rgba(124,148,246,0.2),rgba(255,255,255,0.05));
  }
  .huang img{
    width:116px;
    height: 48px;
    margin-bottom:26px;
  }
</style>

<template>
  <div class="newper" style="position: ">
    <v-header title="品牌介绍"
      back></v-header>

    <div class="content" style="margin-top: 61px;">
      <div class="company">
        <p>公司介绍</p>
        <p>宽策略证券是华人区新兴的机器人投顾券商。宽策略帮您通过策略进行美股、港股、欧股等全球21个国家股票市场投资。通过大数据与人工智能算法策略为您配置全球资产，跨越5大洲，玩转全球市场。</p>
      </div>
      <div class="originator">
        <p>创始人</p>
        <div class="originator-con">
          <img src="../assets/img/lizong.png" alt="">
          <div class="name">
            <h3>李琦</h3>
            <h3>创始人兼CEO</h3>
            <p>英国基尔大学金融硕士，丹麦奥胡斯大学经济学硕士和工商管理硕士。在金融工程、量化投资、资产配置、金融衍生品投资等领域具备超过十年的从业经验。具备中国证券从业资格,中国期货从业资格, 美国金融风险管理师（FRM）资格，香港金融工程师资格。于2011年底在德国学术出版社出版《Quantitative Investment Application In Chinese Stock Market－量化投资在中国股票市场的应用》，目前在亚马逊等世界主流图书网站热销。曾任国泰安信息技术有限公司金融工程团队负责人，中国太平、中国平安量化投资经理等，在公募量化投资领域具备超过10年的工作经验。</p>
          </div>
        </div>
      </div>
      <div class="history">
        <p>发展历史</p>
        <div class="year">
          <div class="year2015">
            <h4 class="nian">2015</h4>
            <div class="bottom">
              <div class="left">
                <div class="b b-margin"></div>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>03.01</p>
                <h3>宽策略证券正式创立。</h3>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>12.01</p>
                <h3>Linhui Fund 天使轮近千万投资。</h3>
              </div>
            </div>
          </div>
          <div class="year2015">
            <h4 class="nian">2016</h4>
            <div class="bottom">
              <div class="left">
                <div class="b b-margin"></div>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>04.21</p>
                <h3>获得杭州未来科技城园区政府重点推荐，累计得到政府支持600万。</h3>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>06.01</p>
                <h3>获得VFSC的证券做市商牌照。</h3>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>06.01</p>
                <h3>与丹麦盛宝银行（SAXO Bank）达成合作伙伴关系。</h3>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>12.11</p>
                <h3>与捷士证券（Just2Trade）达成合作伙伴关系。</h3>
              </div>
            </div>
          </div>
          <div class="year2015">
            <h4 class="nian">2017</h4>
            <div class="bottom">
              <div class="left">
                <div class="b b-margin"></div>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>03.01</p>
                <h3>与美国盈透证券（Interactive Brokers）达成合作伙伴关系。</h3>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>07月</p>
                <h3>获得美国证监会RIA注册投资顾问牌照。</h3>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="circle">
                  <div></div>
                </div>
                <div class="b"></div>
              </div>
              <div class="right">
                <p>08月</p>
                <h3>宽策略证券APP上线。</h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="huang">
      <img src="../assets/img/huang.png" alt="">
    </div>
  </div>
</template>

<script>
  export default {
    methods: {
      goBack () {
        this.$router.go(-1)
      }
    }
  }
</script>
